@charset "utf-8";
/* 你自己的样式 */
.layui-tab-item .layui-tabel td a{color:#0066cc}

/*设计流程页面样式*/
.cont .left{display:inline-block;vertical-align: top;width:18%;margin-left:-10px;margin-top: -1px;}
.cont .right,.designCont{width:79%;display:inline-block}
.cont .right .r-cont{margin:45px auto 45px;}
.cont .right .list{border:1px solid #ddd;line-height: 30px;margin:10px 0;padding:16px 15px 16px 10px;border-radius: 5px}
.cont .right .list:hover{background:#eaf3fa;}
.cont .right .list:hover .l-right{display: inline-block;}
.cont .right .list .l-left{width:22%;display:inline-block;}
.cont .right .list .l-middle{display:inline-block;float: right;color:#999}
.cont .right .list .l-middle .showChart {margin-right: 20px;}
.cont .right .list .l-right{width:18%;display:none;}
.cont .right .list .l-right a{display:block;width:90px;height:30px;line-height:30px;background:#158cea;color:#fff;text-align: center;border-radius:5px;}
.layui-tab-content{background:#fff;}
.cont .left .flowNav{background:#f5f5f5;border-right:1px solid #dedede;}
/*.cont .left .flowNav-first{border-bottom: 1px solid #dedede;background:#fff;}*/
.cont .left .pointer{height:50px;line-height:50px;display:block;padding-left:20px;background:#f5f5f5;border-right:1px solid #dedede;outline: none;} 
.cont .left .pointer:first-child{border-top: 1px solid #dedede;}
.cont .left .pointer.active{border-bottom: 1px solid #dedede;background:#fff;border-right: none;border-top: 1px solid #dedede}
.cont .left .pointer img{margin-right: 5px;position: relative;top: -3px;}
.layui-body{background:#fff;}
.nav-title{border-bottom: 1px solid #dedede;margin-bottom:0px;padding-bottom: 10px;margin-left: -10px;text-indent: 20px;}
/*        .cont .left,.layui-tab,.larry-personal,.layui-larry-box,.layui-tab-item.layui-show{height:100%;}
        .cont{height:calc(100% - 30px)}*/
@font-face {
    font-family: 'iconfont';   project id 439978 
    src: url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.eot');
    src: url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.eot?#iefix') format('embedded-opentype'),
        url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.woff') format('woff'),
        url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.ttf') format('truetype'),
        url('http://at.alicdn.com/t/font_439978_7ud7rh1jetsp2e29.svg#iconfont') format('svg');
}

.cont .right .r-cont .r-cont-l{float:left;width:30%}
.cont .right .r-cont .r-cont-r{float:left;width:70%;background:#f5f5f5;padding:10px;}
.cont .right .r-cont .r-cont-r p,.cont .right .r-cont .r-cont-r ul li{padding:8px 0 4px 0;}
.cont .right .r-cont .r-cont-r .red{color:red}
.cont .right .r-cont .r-cont-r .green{color:green}
.cont .right .r-cont .r-cont-r ul{margin-left:18px}
.cont .right .r-cont .r-cont-r ul li{list-style-type: disc;color:#ddd;}
.cont .right .r-cont .r-cont-r ul li span{color:#000;font-size:12px}
.cont .designCont .dr-cont li{border:1px solid #eee;border-radius: 3px}
.cont .designCont .flow-name{height:50px;line-height: 50px;}
.cont .designCont .flow-name .left{float:left;width:50%;font-size: 16px;font-weight: bold;padding-left:20px}
.cont .designCont .flow-name .right{float:right;width:50%;text-align: right;font-size:12px}
.cont .designCont .dr-cont li .title{background: #f5f5f5;height:36px;line-height: 36px}
.cont .designCont .dr-cont li p{padding-left:10px}
.cont .designCont .dr-cont li .guide .block{float:left;width:50%;padding:10px}
.cont .designCont .dr-cont li .guide .block p{color:#2299ee}
.cont .designCont .dr-cont li .guide .block img{float:left;display:inline-block;margin:10px}
.cont .designCont .dr-cont li .guide .block div{float:left;display:inline-block;width:70%}
.cont .designCont .dr-cont li .guide .auth{width:100%}
.cont .designCont .dr-cont li .guide .bth a{display:inline-block;padding:6px 15px;background:#2299ee;color:#fff;margin-bottom: 8px;border-radius: 2px}
.cont .designCont .dr-cont li .guide .auth th,td{border:1px solid #eee;text-align: center;padding:10px 0}
.cont .designCont .dr-cont li .guide .auth th{font-weight: bold}
.icon1{
    font-size:18px;
    color:gray; 
    padding-left: 18px;
}

/*design flow step style*/
.mylog-info-box .layui-show .f-s-tit{margin:20px 0}
.mylog-info-box .layui-show .f-s-tit .f-s-tit-name{font-size: 16px;font-weight: bold}
.mylog-info-box .layui-show .f-s-tit .f-s-tit-expain{font-size: 14px;color:green;margin-top:5px}
.layui-tab .layui-form-item .arrow{margin-left:10px;display:inline-block}
.layui-form-item .layui-input-block .left{float:left;width:200px;height:300px;margin-right:20px;border:1px solid #eee;overflow: auto;position: relative}
.layui-form-item .layui-input-block .center{float:left;width:30px;height:300px;margin-right:20px;position: relative}
.layui-form-item .layui-input-block .right{float:left;width:200px;height:300px;margin-right:20px;border:1px solid #eee;overflow: auto;}
.layui-form-item .layui-input-block .left .head,.layui-form-item .layui-input-block .right .head{height:30px;line-height: 30px;background: #eee;font-weight: bold;padding-left:10px}
.layui-form-item .layui-input-block .center .a-right{display: block;position: absolute;top:108px;left:5px;width:23px}
.layui-form-item .layui-input-block .center .a-left{display: block;position: absolute;top:150px;left:5px;width:23px}
.layui-form-item .layui-input-block .right ul li,.layui-form-item .layui-input-block .left ul li{height:26px;padding:6px;}
.layui-form-item .layui-input-block .right ul .check,.layui-form-item .layui-input-block .left ul .check{background:#1E9FFF;color:#fff}
.red{color:red;margin:5px 0 0 50px}
#auto_user .layui-form-item .layui-input-block .auto_user,#auto_priv .layui-form-item .layui-input-block .textarea{width:40%;display:inline-block;border:1px solid #eee;height:60px;position: auto;padding:6px}
#auto_user .layui-form-item .layui-input-block .textarea span, .power .layui-form-item .layui-input-block .textarea span{margin-right:5px}
#auto_user .layui-form-item .layui-input-block .auto_user_op{width:20%;display:inline-block;border:1px solid #eee;height:36px;line-height: 36px;padding-left:6px}
/*.inputArea .layui-input-block{position: relative}*/
.inputArea .layui-input-block .errMsg, .tableArea .layui-form-item .errMsg{position: absolute;left:70%;top:11px;color:#CE272D;font-weight: bold}
.power .layui-form-item .layui-input-block .textarea{width:40%;display:inline-block;border:1px solid #eee;height:100px;position: auto;padding:6px}
.power-layer .layui-form-item .layui-input-block .textarea{width:70%;display:inline-block;border:1px solid #eee;height:50px;position: auto;padding:6px}
.power-layer a, .power-layer label{font-size:12px}
.inputArea .con-input{padding:10px;position: relative}
.tableArea .con-input{position:relative}
.inputArea .con-input .con-name, .con-input .con-tit{font-weight: bold}
.con-input .con-tit{margin-bottom: 5px;display:inline-block}
.inputArea .con-input select{width:80%}
.inputArea .con-input .con-l{float:left;width:35%;}
.inputArea .con-input .con-c{float:left;width:35%}
.inputArea .con-input .con-r{float:left;}
.layui-form-item .con-red{color:red;font-weight: bold}
.layui-tab .tableArea{margin-top:40px}
.layui-tab .tableArea .layui-table{width:90%}
.tableArea, .inputArea{width:90%;padding-left:20px}
.tableArea .layui-table .hide{display:none}
